@import '../global.config.less';

.flex-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top{
  .flex-row;
  padding: @form_pad;
  border-bottom: 1px solid @dark_bg;
}

:local(.activity){
  .topbar{.top;}
  .list{
    .flex-row;
    border-bottom: 1px solid #ccc;
    padding: @form_pad;
    a{
      color: @dark_bg;
      font-size: 1.1rem;
      font-weight: 600;
      text-decoration: none;
    };
    &:hover{
      background-color: fadeout(@grey,95%);
    }
  }
}

:local(.add){
  .topbar{
    .top;
  };
}

:local(.detail){
  padding: @form_pad*2;

  .sum{
    padding:15px 0;
    border-bottom: 1px solid rgba(204,204,204,0.8);
    &>span{
      color: @grey;
      font-size: x-small;
    }
  }
  .dtl{
    margin: @form_pad;
    i{min-width: 27px;}
  }
  .btns{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    *{margin: @form_pad;}
  }
}
